<div class="col-lg-2 csd_user_column">
    <div class="panel-group">


        <c:if test="${loggedIn == 1}">
            <%-- only logged in users can search --%>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        Search
                    </h4>
                </div>
                <div class="panel-body">
                    <form class="form-group" action="${config.getPath()}" method="POST">
                        <div class="form-group">
                            <input class="form-control" placeholder="Search" required="" name="searchQuery" id="searchQuery" type="text">
                            <button class="btn btn-primary csd_expand_fill" type="submit" name="formSubmit" id="formSubmit" value="search-site" >Search</button>
                        </div>
                    </form>
                </div>
            </div>


            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" href="#userCollapseOne">
                            Pending Tasks
                        </a>
                    </h4>
                </div>
                <div id="userCollapseOne" class="panel-collapse collapse in">
                    <div class="panel-body">
                        <ul class="list-group">
                            <csd:userPendingTasks pendingTasks="${userPendingTasks}" emptyMessage="No pending tasks."></csd:userPendingTasks>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" href="#userCollapseTwo">
                            Your Notifications
                        </a>
                    </h4>
                </div>
                <div id="userCollapseTwo" class="panel-collapse collapse in">
                    <div class="panel-body">
                        <ul class="list-group">
                            <csd:userRecentNotifications userRecentNotifications="${userNotifications}" emptyMessage="No recent or unread notifications."></csd:userRecentNotifications>
                        </ul>
                    </div>
                </div>
            </div>
            <%--
           <div class="panel panel-default">
               <div class="panel-heading">
                   <h4 class="panel-title">
                       <a data-toggle="collapse" href="#userCollapseThree">
                           Your Recent History
                       </a>
                   </h4>
               </div>
               <div id="userCollapseThree" class="panel-collapse collapse in">
                   <div class="panel-body">
                       <ul class="list-group">
                           <csd:userRecentHistory userRecentHistory="${userHistories}" emptyMessage="No recorded history."></csd:userRecentHistory>
                       </ul>
                   </div>
               </div>
           </div>
            --%>
        </c:if>
    </div>
</div>
